<template>
	<view class="tab-bar-icon">
		<uni-icons 
			:type="type" 
			:size="24" 
			:color="isActive ? '#3cc51f' : '#7A7E83'"
		/>
	</view>
</template>

<script>
export default {
	name: 'TabBarIcon',
	props: {
		type: {
			type: String,
			required: true
		},
		isActive: {
			type: Boolean,
			default: false
		}
	}
}
</script>

<style>
.tab-bar-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}
</style> 